import '../component_css/footer.css'; // 引入样式文件

const MyFooter = () => {
  return (
    <footer id="site-footer">
      <div className="footer-container">
        <div className="footer-row">
          <div className="footer-col-md-3">
            <h3>关于我们</h3>
            <ul>
              <li><a href="#">教学方法</a></li>
              <li><a href="#">有效性</a></li>
              <li><a href="#">团队</a></li>
              <li><a href="#">联系我们</a></li>
            </ul>
          </div>

          <div className="footer-col-md-3">
            <h3>产品</h3>
            <ul>
              <li><a href="/#/mainpage">LinguaLeap英语学习平台</a></li>
              <li><a href="#">LinguaLeap后台管理平台</a></li>
            </ul>
          </div>

          <div className="footer-col-md-3">
            <h3>功能板块</h3>
            <ul>
              <li><a href="/#/mainpage">主页</a></li>
              <li><a href="/#/word">趣味单词学习</a></li>
              <li><a href="/#/speech">多样口语练习</a></li>
              <li><a href="/#/reading">沉浸文章阅读</a></li>
              <li><a href="/#/progress">个人学习报告</a></li>
            </ul>
          </div>

          <div className="footer-col-md-3">
            <h3>隐私及条款</h3>
            <ul>
              <li><a href="#">社区守则</a></li>
              <li><a href="#">条款</a></li>
              <li><a href="#">隐私</a></li>
            </ul>
          </div>

        </div>
      </div>
    </footer>
  );
};

export default MyFooter;